<template>
	<div>
		<!-- 下拉列表  输入框 -->
		<div>
			<input class="form-control " type="text" placeholder="单据号/供应商">
		</div>
		<!-- 标签 开单 -->
		<div>
			<ul class="list">
				<li>
					<p>总价：￥0</p>
				</li>
				<li>
					<button class="btn btn-mini btn-primary">标签</button>
				</li>
				<li>
					<button class="btn btn-mini btn-info">开单</button>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default {
		name: "saleslip"
	}
</script>

<style scoped="scoped">
	ul,
	li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.list {
		display: flex;
		justify-content: center;
		text-align: center;
		border-bottom: 1px solid lightblue;
		margin-top: 10px;
	}

	.list li {
		width: 15%;
	}

	.list li:nth-child(1) {
		width: 70%;
		text-align: left;
	}

	.list li p {
		margin: 0;
		padding: 0;
		font-size: 14px;
		color: lightblue;
	}
</style>
